//点击标签显示详情信息
import React from 'react';
import { Component } from 'react';
import './index.css';
import Blank from '../../Blank';
import "../../../Common/css/common.css";
import { Modal, Button } from 'antd';


export default class Common extends React.Component{
    constructor(props){
        super(props);
        this.state={
            visible: true,
        }
    }
    showModal = () => {
        this.setState({
          visible: true,
        });
      };
    
      handleOk = () => {
        this.setState({ loading: true });
        setTimeout(() => {
          this.setState({ loading: false, visible: false });
        }, 3000);
      };
    
      handleCancel = () => {
        this.setState({ visible: false });
      };
    render(){

        return(
            <div id="Model_Common">
                <Modal style={{color:"red"}}
                    visible={this.state.visible}
                    title="解除微信绑定"
                    onOk={this.handleOk}
                    onCancel={this.handleCancel}
                    footer={[
                        <div style={{textAlign:"center"}}>
                        <Button key="back" onClick={this.handleCancel}>
                        Return
                        </Button>,
                        <Button key="submit" type="primary" onClick={this.handleOk}>
                        Submit
                        </Button>,
                    </div>
                    ]}
                    >
                        <div className="Model_Common_Body">

                        </div>
                    </Modal>
            </div>
        )
    }
}